<!DOCTYPE>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>金庸小说网</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" href="css/books.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.mousewheel.min.js"></script>
    <script src="js/index.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <h1>金庸小说网</h1>
        <div class="search_box">
            <form action="" method="post">
                <input type="text" class="search_input" name="" placeholder="请输入您要搜索的书名">
                <button type="submit" class="search_btn">
				<img src="images/search.png" />
			</button>
            </form>

        </div>
        <ul>
            <li><a href="javascript:void()" id="bookshelf">我的书架</a></li>
            <li>
                <a href="javascript:void()">登录</a> &nbsp;|&nbsp;
                <a href="javascript:void()">注册</a>
            </li>
        </ul>
    </div>
    <!-- 导航栏 -->
    <div class="nav">
        <div class="nav_b clearfix">
            <ul id="one">
                <li><a href="index.html" class="nav_visit">首页</a></li>
                <li><a href="news.html" style="padding:0 0 0 20px;">文章资讯<i class="nav-ico"></i></a>
                    <ul id="two">
                        <li><a href="news.html">金庸相关</a></li>
                        <li><a href="javascript:void()">角色评点</a></li>
                        <li><a href="javascript:void()">金书赏析</a></li>
                    </ul>
                </li>
                <li><a href="books.html" style="padding:0 0 0 20px;">金庸小说阅读<i class="nav-ico"></i></a>
                    <ul id="two">
                        <li><a href="book_reader.html" style="padding: 0 28px;">倚天屠龙记</a></li>
                        <li><a href="javascript:void()" style="padding: 0 36px;">神雕侠侣</a></li>
                        <li><a href="javascript:void()" style="padding: 0 28px;">射雕英雄传</a></li>
                    </ul>
                </li>

                <li>
                    <a href="javascript:void()" style="padding:0 0 0 20px;">金庸小说数据<i class="nav-ico"></i></a>
                    <ul id="two">
                        <li><a href="book_actor.html" style="padding: 0 52px;">人物</a></li>
                        <li><a href="book_gongfu.html" style="padding: 0 52px;">武功</a></li>
                        <li><a href="book_menpai.html" style="padding: 0 52px;">门派</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <!-- 当前位置 -->
    <div class="location">
        <!-- 面包屑导航 -->
        <div class="crumb_wrap">
            <span>当前位置：&nbsp;</span>
            <span>首页</span>
        </div>

    </div>
    <!-- 轮播 -->
    <div class="lunbo clearfix">
        <div class="rb clearfix">
            <div class="rb_hd">
                <img src="images/left.png" alt="" style="float: left;">
                <img src="images/right.png" alt="" style="float: right;">
            </div>
            <ul class="lunbo_warp">
                <li><img src="images/banner_01.jpg" alt=""></li>
                <li><img src="images/banner_02.jpg" alt=""></li>
                <li><img src="images/banner_03.jpg" alt=""></li>
                <li><img src="images/banner_04.jpg" alt=""></li>
            </ul>
            <div class="rb_ft">
                <ul class="count">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>

        <div class="news">
            <a href="news.html">
                <h2>再见大侠｜华人世界，你我心中都有一个金庸!</h2>
            </a>
            <p>据香港媒体报道，著名武侠小说家金庸于10月30日与世长辞，享年94岁。他的代表作有《射雕英雄传》、《神雕侠侣》、《鹿鼎记》等，其作品流行的程度十分广泛，他的作品曾被誉为“有华人的地方就有金庸的读者”。<a href="news.html" class="more">[详情]</a></p>

            <a href="news.html">
                <h2>《金庸全集》的变革之路-[旧版]-[新版]-[新修版]!</h2>
            </a>
            <p>文中对版本的界定为旧版（连载成集版）、新版（修改成书版）、世纪新修版（第二次修改），流传最广的版本应为新版（三联等版本），而新修版是05年以来出版的版本，再请注意。<a href="javascript:void()" class="more">[详情]</a></p>

            <a href="news.html">
                <h2>父与子──从郭靖与杨过的冲突谈起</h2>
            </a>
            <p>中国传统文化中许多时候是关注整体和对传统的尊重，维系传统，向传统认同多于看重个人的独特性和创作性。<a href="javascript:void()" class="more">[详情]</a></p>

        </div>
    </div>

    <div class="book_view">
        <h1>金庸小说全集</h1>
        <ul class="booklist clearfix" style="transition-duration:400ms;">
            <li>
                <a href="book_detail.html" title="倚天屠龙记"><img src="images/book/book_12.jpg" alt="倚天屠龙记"></a>
                <a href="book_detail.html" title="倚天屠龙记">倚天屠龙记</a>
                <span>传统武侠/金庸</span>
            </li>
            <li>
                <a href="book_detail.html" title="飞狐外传"><img src="images/book/book_1.jpg" alt="飞狐外传"></a>
                <a href="book_detail.html" title="飞狐外传">飞狐外传</a>
                <span>传统武侠/金庸</span>
            </li>
            <li>
                <a href="book_detail.html" title="雪山飞狐"><img src="images/book/book_2.jpg" alt="雪山飞狐"></a>
                <a href="book_detail.html" title="雪山飞狐">雪山飞狐</a>
                <span>传统武侠/金庸</span>
            </li>
            <li>
                <a href="book_detail.html" title="连城诀"><img src="images/book/book_3.jpg" alt="连城诀"></a>
                <a href="book_detail.html" title="连城诀">连城诀</a>
                <span>传统武侠/金庸</span>
            </li>
            <li>
                <a href="book_detail.html" title="天龙八部"><img src="images/book/book_4.jpg" alt="天龙八部"></a>
                <a href="book_detail.html" title="天龙八部">天龙八部</a>
                <span>传统武侠/金庸</span>
            </li>
            <li>
                <a href="book_detail.html" title="射雕英雄传"><img src="images/book/book_5.jpg" alt="射雕英雄传"></a>
                <a href="book_detail.html" title="射雕英雄传">射雕英雄传</a>
                <span>传统武侠/金庸</span>
            </li>
            <li>
                <a href="book_detail.html" title="白马啸西风"><img src="images/book/book_6.jpg" alt="白马啸西风"></a>
                <a href="book_detail.html" title="白马啸西风">白马啸西风</a>
                <span>传统武侠/金庸</span>
            </li>
            <li>
                <a href="book_detail.html" title="鹿鼎记"><img src="images/book/book_7.jpg" alt="鹿鼎记"></a>
                <a href="book_detail.html" title="鹿鼎记">鹿鼎记</a>
                <span>传统武侠/金庸</span>
            </li>
            <li>
                <a href="book_detail.html" title="笑傲江湖"><img src="images/book/book_8.jpg" alt="笑傲江湖"></a>
                <a href="book_detail.html" title="笑傲江湖">笑傲江湖</a>
                <span>传统武侠/金庸</span>
            </li>
            <li>
                <a href="book_detail.html" title="书剑恩仇录"><img src="images/book/book_9.jpg" alt="书剑恩仇录"></a>
                <a href="book_detail.html" title="书剑恩仇录">书剑恩仇录</a>
                <span>传统武侠/金庸</span>
            </li>
            <li>
                <a href="book_detail.html" title="神雕侠侣"><img src="images/book/book_10.jpg" alt="神雕侠侣"></a>
                <a href="book_detail.html" title="神雕侠侣">神雕侠侣</a>
                <span>传统武侠/金庸</span>
            </li>
            <li>
                <a href="book_detail.html" title="侠客行"><img src="images/book/book_11.jpg" alt="侠客行"></a>
                <a href="book_detail.html" title="侠客行">侠客行</a>
                <span>传统武侠/金庸</span>
            </li>

            <li>
                <a href="book_detail.html" title="碧血剑"><img src="images/book/book_13.jpg" alt="碧血剑"></a>
                <a href="book_detail.html" title="碧血剑">碧血剑</a>
                <span>传统武侠/金庸</span>
            </li>
            <li>
                <a href="book_detail.html" title="鸳鸯刀"><img src="images/book/book_14.jpg" alt="鸳鸯刀"></a>
                <a href="book_detail.html" title="鸳鸯刀">鸳鸯刀</a>
                <span>传统武侠/金庸</span>
            </li>
            <li>
                <a href="book_detail.html" title="越女剑"><img src="images/book/book_15.jpg" alt="越女剑"></a>
                <a href="book_detail.html" title="越女剑">越女剑</a>
                <span>传统武侠/金庸</span>
            </li>
        </ul>
    </div>
    <div class="footer">
        Copyright&copy;2020赖尹钢&nbsp;All&nbsp;Right&nbsp;Reserved.
    </div>
</body>

</html>